
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>

        <h:form id="fornulario">
            <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
                <h:outputLabel value="Asignar Instructores" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <a4j:outputPanel id="panel1">
                <table border="0" width="100%" cellpadding="2" cellspacing="2" class="tablanormal">
                    <tr>
                        <td width="10%">Curso: </td>
                        <td width="90%">
                            <!--h:selectOneMenu value="{InstructorEventoController.cursoAdapter.codigo}"-->
                            <h:selectOneMenu value="#{InstructorEventoController.curCodigo}">
                                <f:selectItem itemLabel="-- Seleccione un Curso --"/>
                                <f:selectItems value="#{InstructorEventoController.comboCursos}" />
                                <a4j:support ajaxSingle="true" action="#{InstructorEventoController.listarInstructorCurso}" reRender="panel1,panel2" event="onchange"/>
                            </h:selectOneMenu>
                        </td>
                    </tr>
                </table>
            </a4j:outputPanel>
            <table border="0" width="100%" cellpadding="2" cellspacing="2" class="tablanormal">
                <tr>
                    <td width="10%">Opción: </td>
                    <td width="90%">
                        <h:selectOneRadio value="#{InstructorEventoController.opcion}" styleClass="etiquetas">
                            <f:selectItem itemValue="1" itemLabel="Colegiado" />
                            <f:selectItem itemValue="2" itemLabel="Dni" />
                        </h:selectOneRadio>
                    </td>
                </tr>
                <tr>
                    <td>Numero: </td>
                    <td>
                        <h:inputText value="#{InstructorEventoController.numero}" size="8" maxlength="8" />
                        &nbsp;
                        <h:commandButton value="Buscar" styleClass="desactivar" accesskey="B"
                                         action="#{InstructorEventoController.buscar}"/>
                        &nbsp;
                        <h:commandButton value="Limpiar" styleClass="desactivar" accesskey="L"
                                         action="#{InstructorEventoController.limpiar}"/>
                    </td>
                </tr>
                <tr>
                    <td>Instructor: </td>
                    <td>
                        <h:inputText value="#{InstructorEventoController.instructor}" disabled="true" size="100" maxlength="200" styleClass="fondoAzul"/>
                    </td>
                </tr>

                <!--h:selectOneMenu value="{InstructorEventoController.perCodigo}"-->
                    <!--f:selectItem itemLabel="-- Seleccione un Instructor --"/-->
                    <!--f:selectItems value="{InstructorEventoController.comboInstructores}" /-->
                <!--/h:selectOneMenu-->
            </table>
            <br>
            <h:commandButton value="Asignar" styleClass="desactivar" accesskey="A"
                             action="#{InstructorEventoController.asignar}"/>
            <br>
            <a4j:outputPanel id="panel2">
                <rich:dataTable value="#{InstructorEventoController.listaInstructorCurso}"
                                var="instructor" rows="10" reRender="ds,ds1" id="simpletable"
                                width="100%" columnsWidth="5%,45%,45%,5%">
                    <f:facet name="header">
                        <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                    </f:facet>
                    <rich:column breakBefore="true">
                        <f:facet name="header">
                            <h:outputLabel value="Codigo"/>
                        </f:facet>
                        <h:outputLabel value="#{instructor.ineCodigo}"/>
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Curso"/>
                        </f:facet>
                        <h:outputLabel value="#{instructor.preCodigo.preNombre}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Instructor"/>
                        </f:facet>
                        <h:outputLabel value="#{instructor.perCodigo.nombreCompleto}" />
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputLabel value="Opción"/>
                        </f:facet>
                        &nbsp;
                        <h:commandButton value="Quitar" title="Quitar" image="/img/eliminar.png"
                                         action="#{InstructorEventoController.quitar}">
                            <f:setPropertyActionListener target="#{InstructorEventoController.instructorEvento}" value="#{instructor}" />
                        </h:commandButton>
                    </rich:column>
                    <f:facet name="footer">
                        <rich:datascroller id="ds1" renderIfSinglePage="false"></rich:datascroller>
                    </f:facet>
                </rich:dataTable>
            </a4j:outputPanel>
    </h:form>
</f:view>
